<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />
	</head>

	<body>
		<div class="layui-container">
			<h1>个税计算示例</h1>
			<a href="/">回到首页</a>&nbsp;&nbsp;&nbsp;<a href="/rule/reload">重载规则</a>
		
			<div class="layui-row layui-col-space10">
				<div class="layui-col-sm7">
					<form class="layui-form" action="/tax/form" method="post">
						<div class="layui-form-item">
							<label class="layui-form-label">税前工资</label>
							<div class="layui-input-block">
								<input type="number" name="wage" required lay-verify="required" autocomplete="off" class="layui-input" 
									th:value="${tax.wage}">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">应纳税所得额</label>
							<div class="layui-input-block">
								<input type="number" name="wagemore" required lay-verify="required" autocomplete="off" class="layui-input" 
									th:value="${tax.wagemore}" readonly>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">税率</label>
							<div class="layui-input-block">
								<input type="number" name="cess" required lay-verify="required" autocomplete="off" class="layui-input" 
									th:value="${tax.cess}" readonly>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">速算扣除数</label>
							<div class="layui-input-block">
								<input type="number" name="preminus" required lay-verify="required" autocomplete="off" class="layui-input" 
									th:value="${tax.preminus}" readonly>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">扣税额</label>
							<div class="layui-input-block">
								<input type="number" name="wageminus" required lay-verify="required" autocomplete="off" class="layui-input" 
									th:value="${tax.wageminus}" readonly>
							</div>
						<div class="layui-form-item">
							<label class="layui-form-label">税后工资</label>
							<div class="layui-input-block">
								<input type="number" name="actualwage" required lay-verify="required" autocomplete="off" class="layui-input" 
									th:value="${tax.actualwage}" readonly>
							</div>
						</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-input-block">
								<button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
								<button type="reset" class="layui-btn layui-btn-primary">重置</button>
							</div>
						</div>
					</form>
				</div>
				
				<div class="layui-col-sm4">
					<img alt="" src="http://www.gov.cn/xinwen/2018-09/11/5321034/images/5327b8483a5340a3a65105c1c513eda1.jpg">
				</div>
			</div>
			
		</div>

		<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
		<!--[if lt IE 9]>
		  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
		  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
		<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
		<script src="https://www.layuicdn.com/layui/layui.js"></script>
		
		<!--您的Layui代码start-->
		<script type="text/javascript" th:inline="none">
			layui.use(['layer', 'table', 'form', 'laydate', 'element', 'upload'], function() {
				var layer = layui.layer,
					table = layui.table,
					form = layui.form,
					laydate = layui.laydate,
					element = layui.element,
					upload = layui.upload;

				/*layer弹出一个示例*/
				//layer.msg('Hello World');
			});
		</script>
	</body>
</html>